<template>
  <div class="app-page">
    <el-tabs v-model="activeName" type="card">
      <el-tab-pane label="已绑省统一码" name="first">
        <tab1 />
      </el-tab-pane>
      <el-tab-pane label="未上传省平台码" name="second">
        <tab2 />
      </el-tab-pane>
      <el-tab-pane label="已解绑" name="third">
        <tab3 />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
  import tab1 from './components/tab1.vue'
  import tab2 from './components/tab2.vue'
  import tab3 from './components/tab3.vue'
  export default {
    name: 'unifiedNumber',
    components: {
      tab1, tab2, tab3
    },
    data() {
      return {
        activeName: 'first'
      }
    },
    methods: {
    }
  }
</script>

<style lang="scss" scoped>
.el-form-item .el-form-item {
  margin-bottom: 0;
}
.merge-item {
  /deep/ .el-form-item__content {
    display: flex;
  }
}
.btn-group {
  display: flex;
  justify-content: space-between;
}
/deep/ .el-table tr.danger-row {
  background: #ffeced;
}
/deep/ .el-table tr.giveup-row {
  background: #ffeced;
}
/deep/.red {
  color: #f00 !important;
}
/deep/.yellow {
  color: #ed912e !important;
}
</style>
